<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Electrolux的样式</title>
    <link rel="stylesheet" href="../../index.css" />
    <link rel="stylesheet" href="./card.css" />
    <script type="text/javascript" src="./card.js"></script>
  </head>
  <body>
    <div class="flex-col space-y-96 page">
      <div class="flex-col group">
        <div class="flex-row justify-between group_2">
          <span class="text">9:41</span>
          <div class="flex-row space-x-6">
            <img class="image" src="../../img/84b176a60823aed4ba9c23e3529978ab.png" />
            <img class="image_2" src="../../img/a2c836c601551e96d971f11b9b454838.png" />
            <img class="image_3" src="../../img/8f47caf228f38ddfbc8266f5908643aa.png" />
          </div>
        </div>
        <div class="flex-row justify-between group_3">
          <span class="font_1 text_2">发现</span>
          <img class="image_4 image_5" src="../../img/14094d36ee6bd85af2d750b5df6e095d.png" />
        </div>
        <div class="flex-col space-y-28 group_4">
          <img class="image_6" src="../../img/03bce4ab522e2267eddcadce7e2ff2cd.png" />
          <div class="flex-col">
            <div class="flex-row justify-between group_5">
              <span class="font_1 text_3">阅读推荐</span>
              <div class="flex-row">
                <span class="text_4">查看更多</span>
                <img class="image_7" src="../../img/81a4f23a7502d029bf59eb0e7bc3da7c.png" />
              </div>
            </div>
            <div class="flex-col">
              <div class="flex-row list-item">
                <img class="image_8" src="../../img/b670a2dec16502efb985977b00508b4c.png" />
                <div class="flex-col group_6">
                  <span class="font_2 text_5">更狭义的教育，有时是指思想品德</span>
                  <span class="font_2 text_6">教育活动，与学校教育中...</span>
                  <div class="flex-row justify-between group_7">
                    <span class="font_3 text_7">14346人已阅读</span>
                    <div class="flex-row">
                      <img class="image_7" src="../../img/585fb2130871c6f8b7b5aaf064f94694.png" />
                      <span class="font_4 text_8">832</span>
                    </div>
                  </div>
                </div>
              </div>
              <div class="flex-row list-item">
                <img class="image_8" src="../../img/763af8a1c309c31beb85f94c02b14db7.png" />
                <div class="flex-col group_8">
                  <span class="font_2 text_9">这个知识点是在教育学板块里需要</span>
                  <span class="font_2 text_10">理解区分的一个知识点中...</span>
                  <div class="flex-row justify-between group_9">
                    <span class="font_3">2131人已阅读</span>
                    <div class="flex-row">
                      <img class="image_9" src="../../img/d86c54ef34aad2962eb1978c7afd03c7.png" />
                      <span class="font_4 text_11">214</span>
                    </div>
                  </div>
                </div>
              </div>
              <div class="flex-row list-item">
                <img class="image_8" src="../../img/aa91852f84ff76341361a644d2aa5203.png" />
                <div class="flex-col group_10">
                  <span class="font_2 text_12">如何才能最大程度上记住自己读过</span>
                  <span class="font_2 text_13">的内容呢？作者通过自己...</span>
                  <div class="flex-row justify-between group_11">
                    <span class="font_3">354人已阅读</span>
                    <div class="flex-row space-x-3">
                      <img class="image_9" src="../../img/d86c54ef34aad2962eb1978c7afd03c7.png" />
                      <span class="font_4 text_14">23</span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="flex-row equal-division">
        <div class="flex-col items-center space-y-5 equal-division-item">
          <img class="image_4" src="../../img/7e2faade9f883db9d1f39e1b1f96c9aa.png" />
          <span class="font_5">首页</span>
        </div>
        <div class="flex-col items-center space-y-5 equal-division-item">
          <img class="image_4" src="../../img/3348eab7c72f975be0059f6bab222f60.png" />
          <span class="font_5">学习</span>
        </div>
        <div class="flex-col items-center space-y-5 equal-division-item">
          <img class="image_4" src="../../img/2160adaffeec39a15e4169133e6042df.png" />
          <span class="font_5 text_15">发现</span>
        </div>
        <div class="flex-col items-center space-y-5 equal-division-item">
          <img class="image_4" src="../../img/2ebd5e6202ebdb28cca862500f2518cc.png" />
          <span class="font_5">我的</span>
        </div>
      </div>
      
    </div>
  </body>
</html>